@(species:String)
@title = @{
    species match {
        case "XJDY" => "M. sativa cultivar XinJiangDaYe"
        case "ZMNO" => "M. sativa cultivar Zhongmu No. 1"
        case "MSAE" => "M. sativa spp. caerulea"
        case "MTRU" => "M. truncatula"
        case "ZM-4" => "M. sativa cultivar Zhongmu No. 4"
    }
}

@title2 = @{
    species match {
        case "XJDY" => Html("<i>M. sativa </i>cultivar XinJiangDaYe")
        case "ZMNO" => Html("<i>M. sativa </i>cultivar Zhongmu No. 1")
        case "MSAE" => Html("<i>M. sativa spp. caerulea</i>")
        case "MTRU" => Html("<i>M. truncatula</i>")
        case "ZM-4" => Html("<i>M. sativa </i>cultivar Zhongmu No. 4")
    }
}
@config.main(title ){
    <div class="body-box">
        <div class="page-box">

            <div class="row sub-title">
                <div class="col-sm-12">
                    <h5 class="page-heading"> @title2</h5>
                </div>
            </div>
            <div class="main-body">
        <div id="table-check" class="my-checkbox"></div>
        <table class="table table-hover" id="table" data-pagination="true" data-advanced-sortable="true"
        data-page-list="[10]">

        </table>
            </div>
        </div>
    </div>

        <script src="@routes.Assets.versioned("config/genomeTable.js")" type="text/javascript"></script>

        <script>
                $(function () {
                    const columns =  getTableColumns(tableHead,"table")
                    $("#table").bootstrapTable({
                        method:"post",
                        url:"@routes.GenomeController.getGenomeData(species)",
                        sidePagination: "server",
                        contentType: "application/x-www-form-urlencoded",
                        columns:columns
                    })

                    hideColumns.forEach((v)=>{
                        $(`#table-check`).find("input:checkbox[value=" + v + "]").removeAttr("checked")
                        $('#table').bootstrapTable('hideColumn', v);
                    })

                })

        </script>




}